<template>
    <h1>列表渲染</h1>
    <div v-for="item in list">{{ item }}</div>
    <div v-for="li of list">{{ li }}</div>

    <p v-for="i in 3">{{ i }}</p>

    <div v-for="item in netdata">
        <p>title: {{ item.title }}</p>
        <p>author: {{ item.author }}</p>
        <p>publishedAt: {{ item.publishedAt }}</p>
    </div>

    <div v-for="item in object1">
       {{ item }}
    </div>

    <div>
       <p  v-for="(item,key,index) in object1">{{ index }}---{{ key }}---{{ item }}</p>
    </div>
</template>

<script>
export default{
    data(){
        return{
            list:[1,2,3,"H","E","L","L","O"],
            netdata:[
                {
                    title: 'title1',
                    author: 'A',
                    publishedAt: '2016-04-10'
                },
                {
                    title: 'title2',
                    author: 'B',
                    publishedAt: '2016-05-10'
                },
                {
                    title: 'title3',
                    author: 'C',
                    publishedAt: '2016-06-10'
                }
            ],
            object1:{
                name:"张三",
                age:"20",
                call:"12345678910"
            }
        }
    }
}
</script>